.container { padding-bottom: 80px; }

.banner-cont { width: 100%; height: 810px; position: relative; overflow: hidden; }

.banner-cont .banner-con { width: 1200px; position: absolute; z-index: 10; left: 50%; margin-left: -600px; padding-top: 215px; top: 0; }

.banner-cont img { width: 100%; }

.banner-cont .ewm { float: left; width: 230px; margin-bottom: 30px; }

.banner-cont p { font-size: 16px; color: #4b4b4b; letter-spacing: 4px; text-align: center; }

.banner-cont .banner-title { float: left; width: 572px; height: 147px; background-image: url(../images/banner-title.png?v=e41e8); margin-left: 20px; margin-top: 60px; }

.banner-cont .search { clear: both; width: 710px; height: 48px; margin: 0 auto; padding: 4px; background-image: url(../images/opacity6.png?v=9d843); }

.banner-cont input { width: 570px; height: 48px; line-height: 48px; border-radius: 5px 0 0 5px; background-color: #fff; border: none; text-indent: 15px; font-size: 16px; }

.banner-cont a { display: block; width: 140px; background-color: #ffc12d; height: 48px; line-height: 48px; color: #fff; font-size: 20px; letter-spacing: 6px; text-indent: 60px; border-radius: 0 5px 5px 0; float: right; background-image: url(../images/search.png?v=45516); background-repeat: no-repeat; background-position: 27px center; }

.banner-cont a:hover { background-color: #f5b000; }

.banner-cont .count-cont { position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; height: 113px; padding-top: 120px; text-align: center; background-image: url(../images/baner-bg.png?v=d0778); background-position: center; }

.banner-cont .cont { width: 575px; margin: 0 auto; height: auto; overflow: hidden; }

.banner-cont em { width: 1px; height: 40px; background-color: #c9c9c9; float: left; display: block; margin-top: 10px; }

.banner-cont .count { float: left; width: 190px; text-align: center; font-size: 16px; color: #505050; }

.banner-cont span { color: #ffc12d; font-family: 'helvetica'; font-size: 50px; font-weight: bold; }

.index-main { margin-top: 70px; width: 100%; height: auto; border-top: solid 1px #ffc12d; }

.index-main .head { font-size: 40px; color: #ffc12d; width: 295px; text-align: center; margin: 0 auto; text-align: center; background-color: #fff; margin-top: -30px; }

.index-main .subtitle { text-align: center; margin-top: 25px; }

.index-main .more { display: block; width: 100%; margin-top: 30px; height: 40px; border-radius: 3px; background-color: #ececec; text-align: center; line-height: 40px; color: #a1a1a1; }

.index-main .more:hover { background-color: #d2d2d2; }

.banquet-list { width: 100%; height: auto; }

.banquet-list li { width: 100%; height: 410px; margin-top: 25px; cursor: pointer; border-bottom: solid 2px #ffc12d; position: relative; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }

.banquet-list li:hover { box-shadow: 0 0 5px 4px #ffeec4; }

.banquet-list img { width: 100%; height: 410px; }

.banquet-list .cont { position: absolute; width: 100%; height: 140px; background-image: url(../images/opacity4.png?v=3d944); left: 0; bottom: 0; }

.banquet-list .date { color: #ffc12d; font-family: 'helvetica'; padding-left: 40px; font-size: 30px; margin: 13px 0; }

.banquet-list .name { float: left; margin-left: 40px; font-size: 16px; color: #fff; font-weight: bold; line-height: 25px; }

.banquet-list em { width: 1px; height: 40px; background-color: #c9c9c9; float: left; display: block; margin: 6px 44px; }

.banquet-list .adres { display: inline-block; float: left; padding: 5px 12px; background-color: #ffc12d; color: #fff; margin-top: 12px; }

.banquet-list .text { line-height: 22px; color: #fff; padding-top: 4px; float: left; }

.banquet-list span { float: left; color: #fff; display: inline-block; padding: 4px 6px; border-radius: 2px; margin-right: 14px; margin-top: 10px; }

.banquet-list .icon1 { background-color: #c577fc; }

.banquet-list .icon2 { background-color: #5cc318; }

.banquet-list .icon3 { background-color: #ff5f40; }

.banquet-list .arrow { position: absolute; width: 48px; height: 15px; background-image: url(../images/icon.png?v=c1a7e); bottom: 60px; right: 110px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .6s; }

.banquet-list li:hover .arrow { right: 70px; }

.venue-list { width: 100%; height: 456px; margin-top: 30px; text-align: center; }

.venue-list li { float: left; height: 454px; width: 225px; background-color: #fff; border-bottom: solid 2px #ffc12d; margin-right: 18px; cursor: pointer; position: relative; transition: all .4s; -webkit-transition: a ll .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }

.venue-list li:hover { box-shadow: 0 0 5px 4px #ffeec4; }

.venue-list img { width: 100%; height: 315px; }

.venue-list em { position: absolute; top: 0; right: 26px; width: 34px; height: 49px; background-image: url(../images/drink-icon.png?v=bf910); text-align: center; color: #fff; }

.venue-list .title { font-size: 20px; color: #565656; padding: 20px 0 10px 0; margin-top: 8px; }

.venue-list a { display: block; width: 160px; height: 35px; background-color: #ffb700; color: #fff; text-align: center; line-height: 35px; font-size: 16px; margin: 10px auto; }

.venue-list a:hover { background-color: #f5b000; }

.venue-list .icon { width: 190px; height: 29px; margin: 0 auto; overflow: hidden; border-bottom: dashed 1px #cfcfcf; }

.venue-list .icon span { display: inline-block; padding: 3px 10px; color: #565656; font-size: 12px; background-color: #ddd; border-radius: 3px; margin: 0 6px; }

.venue-list .price { color: #d21718; }

.venue-list .price span { font-size: 24px; font-weight: bold; }

.venue-list .price p { padding: 2px 7px; color: #fff; font-size: 12px; background-color: #fa807d; border-radius: 3px 3px 3px 0; display: inline-block; margin-left: 15px; position: relative; }

.venue-list .price i { display: inline-block; position: absolute; bottom: 0; left: -6px; width: 0; height: 0; border-bottom: 5px solid #fa807d; border-left: 6px solid transparent; }

.chose-list { width: 100%; height: auto; overflow: hidden; margin-top: 30px; }

.chose-list li { float: left; margin-right: 15px; padding: 12px 20px; border: solid 1px #fff; border-radius: 20px; color: #575757; cursor: pointer; }

.chose-list .act, .chose-list li:hover { color: #ffc12d; border: solid 1px #ffc12d; }

.media-list { width: 100%; height: auto; }

.media-list li { padding: 20px; width: 550px; height: 116px; overflow: hidden; border-bottom: solid 2px #ffc12d; margin-top: 15px; float: left; cursor: pointer; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }

.media-list li:hover { box-shadow: 0 0 5px 4px #ffeec4; }

.media-list img { width: 203px; height: 100%; float: left; }

.media-list .cont { float: left; margin-left: 20px; width: 327px; }

.media-list .title { line-height: 25px; color: #393939; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.media-list .text { color: #8e8e8e; line-height: 25px; width: 100%; height: 50px; overflow: hidden; margin-top: 10px; }

.media-list .icon { color: #898989; margin-top: 10px; }

.media-list .icon p { background-repeat: no-repeat; display: inline-block; text-indent: 22px; background-position: left center; }

.media-list .name { margin-right: 17px; background-image: url(../images/media-icon1.png?v=0fd43); color: #535353; font-weight: bold; }

.media-list .date { margin-left: 17px; background-image: url(../images/media-icon2.png?v=60eaf); }
